<template>
	<div class="container">
		<div class="title-container">
			<p class="title">公告栏</p>
		</div>
		<div class="divider"></div>
		<div class="title-container">
			<p class="text">此项目开源，并且站长正在努力开发当中...</p>
			<a class="text" href="https://gitee.com/WanderDongDong/dongdong-blog-vue" target="_blank">Vue前台项目</a>
			<a class="text md-l-20" href="https://gitee.com/WanderDongDong/fastapi-sqlalchemy-cli" target="_blank">Python后台项目</a>
		</div>
	</div>
</template>

<script>
	export default{
		name: 'Notice'
	}
</script>

<style scoped>
.container{
	width: 100%; 
	/* height: 120px; */
	background-color: white;
	border-radius: 10px;
	padding-bottom: 20px;
}

.title-container{
	padding-top: 15px;
	margin-left: 15px;
}

.title{
	font-size: 18px;
	font-weight: 800;
}

.divider{
	margin: auto;
	margin-top: 5px;
	height: 1px;
	width: 90%;
	background-color: rgba(0,0,0,0.2);
}

.text{
	font-size: 16px;
	font-weight: 600;
}

.md-l-20{
	margin-left: 20px;
}
</style>